<template>
    <div class="w-screen h-screen flex items-stretch overflow-hidden">
        <div class="w-56 h-screen flex-shrink-0">
            <Menu />
        </div>
        <div class="flex-1 flex flex-col">
            <div class="h-14">
                <Header />
            </div>
            <div class="flex-1 overflow-hidden">
                <ElScrollbar>
                    <div class="container max-auto">
                        <router-view />
                    </div>
                </ElScrollbar>
            </div>
        </div>
    </div>
</template>

<script setup>
import Menu from '@/components/layout/menu/Menu.vue'
import Header from '@/components/layout/header/Header.vue'
import { ElScrollbar } from 'element-plus';

</script>

<style scoped></style>